<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1.5 文本元素</title>
	<style>
	td{
		width: 30%
	}</style>
</head>
<body bgcolor="#FFFFE0">
<h1 align="center">HTML5入门笔记</h1>
<h2 align="center">文本元素</h2>
<h3 align="right">做笔记：黄杰琪</h3> <hr>
<p>学习要点：</p>
<p style="color: #FF7F50"> <b>掌握常用的文本元素</b><br>
</p>
<p>HTML 元素指的是从开始标签到结束标签的所有代码。</p>
	
	
	<table id="bg01">
		<tr>
			<td>开始标签</td>
			<td>元素内容 </td>
			<td>结束标签</td>
		</tr>
			<tr>
			<td>&#60h1&#62</td>
			<td>h标签用来表示标题</td>
			<td>&#60/h1&#62</td>
		</tr>
			<tr>
			<td>&#60p&#62</td>
			<td>p标签表示一个段落 </td>
			<td>&#60/p&#62</td>
		</tr>
			<tr>
			<td>&#60hr&#62</td>
			<td> 我是一个单标签，我会给文档加一个横线</td>
			<td>*注意我没有结束标签哦！</td>
		</tr>
	</table>
	<hr>
 	<p>文本元素，就是讲一段文本设置成相匹配的结构和含义</p>
<p> 1.b元素：		 我的作用就是 <b>加粗文字</b>；<br><br>
	2.br元素：		 我的作用就是强制换行；<br><br>
	3.i元素： 		 我的作用就是让 <i>文字倾斜</i>；<br><br>
	4.del元素：		 我的作用就是 <del>删除文子</del><br><br>
	5.strong元素：   我的作用是强调一段文本<strong>我的实际作用也是加粗文字</strong>.<br><br>
	6.wbr元素：		 我的作用是表示安全换行Theshiyigehenchan<wbr>ghenchangdedanci. <br><br>
	  				 再来对比一下没有安全换行的文本Theshiyigehenchanghenchangdedanci. <br><br>
	7.em元素：       我的作用是强调，我的实际作用也是让文字<em>倾斜</em> <br><br>
	8.s元素：        我的实际作用就是 <s>删除线</s>;从语义上来看，表示不准确的删除。<br><br>
	9.u元素：        我的实际作用就是 <u>给文字加下划线</u> <br><br>
	10.ins元素：     我的实际作用也是 <ins>给文字加下划线</ins>；从语义上来看，<ins>是添加一段文字，起到强调作用。</ins><br><br>
	11.small元素：   我的作用是 <small>添加小号字体</small> ，从语义上来看，用于<small>免责声明和澄清声明</small>。<br><br>
	12.sub和sup元素：我们的作用就是添加下标和上标： sub表示下标：HTML<sub>5</sub>;sup表示上标我的房子100m<sup>2</sup><br><br>
	13.dfn元素： 	 我的作用从语义上看表示定义术语，是对一个词或短语的解释，<dfn>实际效果就是倾斜文本</dfn><br><br>
	14.abbr元素：	 我的作用是表示一段文本的缩写,在文本显示上没有任何实际效果，比如<abbr>WTO</abbr> <br><br>
	15.q元素：   	 我的作用从语义上看表示引用来自其他地方的的内容， <q>我的实际作用就是给文本加上双引号</q><br><br>
	16.code等元素：  code元素用来表示计算机代码片段；<code>function(){}</code><br>
	                 var元素用来表示编程语言中的变量； <var>num</var><br>
	                 samp元素表示程序或计算机的输出<samp>您没有权限浏览该网页</samp><br>
	                 kbd元素表示某部分内容是由用户利用键盘输入如：请按<kbd>Enter</kbd>键 <br>
	                 *这几个元素属于英文范畴，必须将lang="en",英语才能体现效果。<br><br>
	17.ruby元素：    我的作用是表示位于表意文字上方或右方的注音符号
			         <ruby style="font-size:50px" >英 <rt>(ying)</rt> 雄<rt>(xiong)</rt></ruby>***不常用，浏览器支持不太好，很多浏览器不支持此功能<br><br>
	18.cite元素：    我的作用从语义上来看就是表示引用其他作品的标题。 <cite>实际效果就是加粗文本</cite><br><br>
	19.bdo元素：     我的功能是设置文字方向，必需使用dir属性才可以设置，共两个值，rtl（从右到左）；ltr（从左到右）默认为ltr <br>
	    		     <bdo dir="rtl">rtl就是从右到左，即：right to left</bdo> <br><br>
	20.mark元素：    我的作用是突出显示文本，用于记号， <mark>我的实际作用就是加上一个黄色的背景。</mark><br><br>
	21.time元素：    我的作用从语义上来看就是表示日期和时间，例如 <time>2015-9-18</time><br><br>
	22.span元素：    <span>我的作用就是表示一般性的文本，没有特殊效果</span><br><br>					 
<br><br><br><br><br><br><br><br><br><br
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>